<template>
    <div>
        <button>{{ left }}</button>
        navbar-{{ myTitle }}    
        <button>{{ right }}</button>
        <hr>
        navbar-{{ computedTitle }}
    </div>
   
</template>

<script>
export default{
    props:['myTitle','left','right'],
    computed:{
        computedTitle(){
            return this.myTitle+ '-computed'
        }
    }
}
</script>